﻿<extend name="Index/index" />
<block name="main">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <link rel="bookmark" href="/favicon.ico" />
    <title>
        <{$title}>
    </title>
  	<script  src="__PUBLIC__/js/home_index/jquery-1.8.3.min.js" type="text/javascript"></script>
    <link href="__PUBLIC__/hero_public/css/info1301.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/hero_public/css/master.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/hero_public/css/hero_bar.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/hero_public/css/top-bottom-reset.css" rel="stylesheet" type="text/css" />
    <!-- <script type="text/javascript" src="__PUBLIC__/hero_public/js/jq_171.js"></script> -->
    <!-- <script type="text/javascript" src="__PUBLIC__/hero_public/js/heropickerdata.js"></script> -->
    <!-- <script type="text/javascript" src="__PUBLIC__/hero_public/js/heropedia.js"></script> -->
    <link href="__PUBLIC__/hero_public/css/top_nav1308.css" rel="stylesheet" type="text/css" />
    <script type="text/ecmascript" src="__PUBLIC__/hero_public/js/main1308.js"></script>
    <style>
        .icon_hover img {
            display: block;
            border: 0;
            width: 59px;
            height: 33px;
            transform: scale(1);
            -webkit-transform: all 1s ease 0s;
        }
        .icon_hover:hover img {
            border: 3px solid #fff;
            border-radius: 3px;
            transform: scale(1.5);
            transition: all 0.2s ease 0s;
        }
        .hero_list{
                width: 278px;
                margin-left: 0px;
        }
    </style>
</head>

<body>

    <script>
        var imgs = document.getElementsByTagName('img');
        hover
         
    </script>
    <!-- <div id="dota2_topnav"></div> -->
    <!-- <script src="__PUBLIC__/hero_public/js/top_nav_201610.js"></script> -->
    <script>
    function change($name){
        document.getElementById('heroBioName').innerHTML=$name;
    }
    function recover(){
        document.getElementById('heroBioName').innerHTML='请选择英雄';
    }
    </script>

    <div class="relative">
        <div class="iconTooltip"></div>
    </div>
    <div class="bg">
        <div class="r_bar_bg">
            <!--top-->
            <div class="hero_top_wrap clearfix">
                <ul class="top_tab_ul">
                    <li>
                        <a class="on" href="">全部英雄</a>
                    </li>
                </ul>
                <div class="top_search">
                    <div class="search_wrap">
                        <a class="btn_shoucang" href="javascript:void(0)" onclick="addFav()" style="float: right;">收藏</a>
                        <!-- <a class="btn_baocuo" href="http://db.dota2.com.cn/suggest/index" target="_blank">报错/建议</a> -->
                    </div>
                </div>
            </div>
            <div class="black_cont" style="height:660px;">
                <div class="goods_main">
                    <div class="hero_tit_box" id="heroBioDynamic">
                        <div class="hero_name" id="heroBioName">请选择英雄</div>
                    </div>

                    <div style="width:870px; margin:0 auto; padding-top:20px;">
                        <ul class="hero_list">
                            <li class="hero_list_tit">
                                <span class="str">力量</span>
                            </li>
                            <volist name='pics' id='p'>
                                <li class="icon_hover" style="margin:10px 10px 10px 10px">
                                    <a id='<{$p.c_id}>' class="heroPickerIconLink" target="_blank" href="<{:U('Hero/info',array('id'=>$p['c_id']))}>" title="<{$p.h_name}>">
                                    <img id="asd" class="heroHoverSmall icon_hover" src="__PUBLIC__/Uploads/icon/<{$p.icon}>" onmouseOut = "recover()" onmouseover="change('<{$p.h_name}>')" />
                                    </a>
                                </li>
                            </volist>
                        </ul>
                        <ul class="hero_list">
                            <li class="hero_list_tit">
                                <span class="agi">敏捷</span>
                            </li>
                            <volist name='pics2' id='p2'>
                                <li class="icon_hover" style="margin:10px 10px 10px 10px" >
                                    <a id='<{$p2.c_id}>' class="heroPickerIconLink" target="_blank" href="<{:U('Hero/info',array('id'=>$p2['c_id']))}>" title="<{$p2.h_name}>">
                                    <img  class="heroHoverSmall icon_hover" src="__PUBLIC__/Uploads/icon/<{$p2.icon}>" onmouseOut = "recover()" onmouseover="change('<{$p2.h_name}>')"/>
                                    </a>
                                </li>
                            </volist>
                        </ul>
                        <ul class="hero_list">
                            <li class="hero_list_tit">
                                <span class="int">智力</span>
                            </li>
                            <volist name='pics3' id='p3'>
                                <li class="icon_hover" style="margin:10px 10px 10px 10px" >
                                    <a id='<{$p3.c_id}>' class="heroPickerIconLink" target="_blank" href="<{:U('Hero/info',array('id'=>$p3['c_id']))}>" title="<{$p3.h_name}>">
                                    <img  class="heroHoverSmall icon_hover" src="__PUBLIC__/Uploads/icon/<{$p3.icon}>" onmouseOut = "recover()" onmouseover="change('<{$p3.h_name}>')"/>
                                    </a>
                                </li>
                            </volist>
                        </ul>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footerIframe" class="bottom">
        <!--   <iframe src="__PUBLIC__/hero_public/http://www.dota2.com.cn/iframe/footer130118.htm" allowtransparency="true" scrolling="no" frameborder="0" width="100%" height="90"></iframe> -->
    </div>
    <!--  <script type="text/javascript" src="js/top_nav.js"></script> -->
    <!-- <script src="__PUBLIC__/hero_public/js/bottom-cover.js"></script> -->
    <!-- <script type="text/javascript" src="__PUBLIC__/hero_public/js/items.js"></script> -->
    <!-- <script type="text/javascript" src="__PUBLIC__/hero_public/js/herobar.js"></script> -->
    <!-- <script type="text/javascript" src="__PUBLIC__/hero_public/js/gototop.js" gototop="{bottom:10,width:40,height:40}"></script> -->
    <script type="text/javascript">
        function addFav() {
            var favUrl = top.location.href;
            var favName = top.document.title;
            try {
                window.external.AddFavorite(favUrl, favName);
            } catch (e) {
                try {
                    window.sidebar.addPanel(favName, favUrl, "");
                } catch (e) {
                    alert("使用快捷键 Ctrl+D 或 Cmd+D 来收藏此页！");
                }
            }
        }
    </script>
    <!-- <div class="wm-public" analytics="{single:['dota2201401dota2data3238']}"></div> -->
</block>
</body>

</html>